<template>
  <el-descriptions :column="2" size="default" border label-width="180px">
    <!-- 博士总数 -->
    <el-descriptions-item :label="t('reviewApplyInfo.readingStudentInfo.doctorCount')">
      <span style="color: #606266">{{ data.firstDoctor + data.secondDoctor }}</span>
      {{ t('reviewApplyInfo.readingStudentInfo.people') }}
    </el-descriptions-item>
    <!-- 主导师博士 -->
    <el-descriptions-item :label="t('reviewApplyInfo.readingStudentInfo.firstDoctorCount')">
      <span style="color: #606266">{{ data.firstDoctor }}</span>
      {{ t('reviewApplyInfo.readingStudentInfo.people') }}
    </el-descriptions-item>
    <!-- 硕士总数 -->
    <el-descriptions-item :label="t('reviewApplyInfo.readingStudentInfo.masterCount')">
      <span style="color: #606266">{{ data.firstMaster + data.secondMaster }}</span>
      {{ t('reviewApplyInfo.readingStudentInfo.people') }}
    </el-descriptions-item>
    <!-- 主导师硕士 -->
    <el-descriptions-item :label="t('reviewApplyInfo.readingStudentInfo.firstMasterCount')">
      <span style="color: #606266">{{ data.firstMaster }}</span>
      {{ t('reviewApplyInfo.readingStudentInfo.people') }}
    </el-descriptions-item>
    <!-- 学生总数 -->
    <el-descriptions-item :label="t('reviewApplyInfo.readingStudentInfo.studentCount')">
      <span style="color: #606266">{{
        data.firstDoctor + data.secondDoctor + data.firstMaster + data.secondMaster
      }}</span>
      {{ t('reviewApplyInfo.readingStudentInfo.people') }}
    </el-descriptions-item>
    <!-- 主导师学生数 -->
    <el-descriptions-item :label="t('reviewApplyInfo.readingStudentInfo.firstStudentCount')">
      <span style="color: #606266">{{ data.firstDoctor + data.firstMaster }}</span>
      {{ t('reviewApplyInfo.readingStudentInfo.people') }}
    </el-descriptions-item>
  </el-descriptions>
</template>

<script setup lang="ts">
import { StudentCountVO } from '@/api/recruit/reviewApply/types'

defineOptions({ name: 'ReadingStudentCount' })

defineProps<{
  data: StudentCountVO
}>()

const { t } = useI18n() // 国际化
</script>
